
.container {
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    .left {
        width: 60%;
        height: 100%;
        background: url("https://erp-file.honbow.com/HBERP/assets/img/login/loginPic.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        border-radius: 0 6px 6px 0;
        overflow: hidden;
        padding: 60px 0 0 55px;
        .logo {
            width: 180px;
            height: 47px;
            background: url("https://erp-file.honbow.com/HBERP/assets/img/login/logo.png");
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-position: center center;
        }
    }
    .right {
        flex: 1;
        height: 100%;
        background: url("https://erp-file.honbow.com/HBERP/assets/img/login/loginBg.png");
        background-repeat: repeat;
        background-size: 100% 100%;
        padding-top: 150px;
        .loginContent {
            width: 400px;
            margin: 0 auto;
            .loginLog {
                width: 301.6px;
                height: 48px;
                background: url("https://erp-file.honbow.com/HBERP/assets/img/login/loginLogo.png");
                background-repeat: no-repeat;
                background-size: 100% 100%;
                background-position: center center;
            }
            .loginText {
                margin-top: 50px;
                .txt1 {
                    color: #002842;
                    font-size: 45px;
                    height: 45px;
                    line-height: 45px;
                    margin-bottom: 18px;
                    font-weight: 400;
                }
                .txt2 {
                    color: #304967;
                    font-size: 22px;
                    height: 22px;
                    line-height: 22px;
                    font-weight: 500;
                }
            }
            .form {
                margin-top: 50px;
                /deep/ .el-button {
                    width: 100%;
                }
                .password {
                    position: relative;
                    .forget_key {
                        position: absolute;
                        right: 2px;
                        top: 48px;
                        font-size: 14px;
                        height: 14px;
                        line-height: 14px;
                        color: #a9b2b7;
                        cursor: pointer;
                    }
                }
            }
        }
    }
}
#components-form-demo-normal-login .login-form {
    max-width: 300px;
}
#components-form-demo-normal-login .login-form-forgot {
    float: right;
}
#components-form-demo-normal-login .ant-col-rtl .login-form-forgot {
    float: left;
}
#components-form-demo-normal-login .login-form-button {
    width: 100%;
} 
@media screen and (min-width: 1680px) {
    .container {
        .right {
            .loginContent {
                width: 450px;
                .loginLog {
                    width: 339.3px;
                    height: 54px;
                    background: url("https://erp-file.honbow.com/HBERP/assets/img/login/loginLogo.png");
                    background-repeat: no-repeat;
                    background-size: 100% 100%;
                    background-position: center center;
                }
                .loginText {
                    margin-top: 65px;
                    .txt1 {
                        font-size: 52px;
                        height: 52px;
                        line-height: 52px;
                        margin-bottom: 20px;
                    }
                    .txt2 {
                        font-size: 24px;
                        height: 24px;
                        line-height: 24px;
                    }
                }
                .form {
                    margin-top: 57px;
                }
            }
        }
    }
  }
  
@media screen and (min-width: 3439px) {
    .container {
        .right {
            .loginContent {
                width: 500px;
                .loginLog {
                    width: 377px;
                    height: 60px;
                    background: url("https://erp-file.honbow.com/HBERP/assets/img/login/loginLogo.png");
                    background-repeat: no-repeat;
                    background-size: 100% 100%;
                    background-position: center center;
                }
                .loginText {
                    margin-top: 80px;
                    .txt1 {
                        font-size: 60px;
                        height: 60px;
                        line-height: 60px;
                        margin-bottom: 22px;
                    }
                    .txt2 {
                        font-size: 26px;
                        height: 26px;
                        line-height: 26px;
                    }
                }
                .form {
                    margin-top: 65px;
                }
            }
        }
    }
}